﻿/*CSS通用重置样式*/
*{word-break:break-all;font-family:"微软雅黑",tahoma,'宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {line-height:1.5;font-size:12px;color:#333;background:#FFF;width:100%; width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a:link,a:visited,a:active{color:#444;text-decoration:none;transition: all 0.3s ease 0s;}
a:hover{color:#df1078;/*text-decoration:underline;*/}
img{vertical-align:middle;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.wrapper{height:auto;margin:0 auto;width:1200px;position:relative;}
.fontArial{font-family:Arial,Helvetica,sans-serif;}
*html{background-image:url(about:blank);background-attachment:fixed;/*修正IE6振动bug*/}
body{/*font-size: 14px;*/}
input:focus,textarea:focus,selects:focus{border-color:#feebd9 !important;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fecb98;}
.fl{float: left;}
.fr{float: right;}
.hr{height: 1px; background-color: #eaeaea; margin-right: 5px;}
.mt10{margin-top: 10px;}
.ml20 {margin: 0px 0px 0px 20px;}
address, cite, dfn, em, var, i {font-style: normal;}

/*焦点图样式*/
.slideBox{height: 400px;  position: relative;overflow: hidden; width: 100%;margin-bottom: 20px;}
.slideBox .hd{position: absolute;width: 220px;margin: 0 auto;left: 50%;bottom: 13px;margin-left: -110px;z-index: 9;}
.slideBox .hd a{display: block;width: 30px;height: 60px;position: absolute;background: url("../images/icon/u-slide-btn.png") no-repeat scroll 0 0;z-index: 1;opacity: 0.5;}
.slideBox .hd a:hover{opacity: 1;}
.slideBox .hd a.prev{background-position: 0 0;top: 195px;}
.slideBox .hd a.next{background-position: -36px 0; right: 0; top: 195px;}
.slideBox .hd ul{overflow:hidden; zoom:1;}
.slideBox .hd ul li{background:url("../images/icon/navs_bg1.png") repeat-x scroll 0 0; color: #fff; display: block; float: left; height: 10px; line-height: 35px; margin: 0 3px; text-align: center; width: 30px;}
.slideBox .hd ul li.on{background: rgba(223, 16, 120, 0.9)}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{zoom:1; vertical-align:middle;}
.slideBox .bd li div{width:100%;height:400px;background-position:center;background-size: cover;background-repeat: no-repeat;}
/*焦点图右边*/
.rightbox {height: 400px; position: relative; right: -495px; top: -400px; width: 210px;}
/*网站公告*/
.notice {background-color: #fff; height: 180px; margin-top: 10px; padding: 10px; position: absolute; right: 0; top: 0; width: 190px;}
.notice dl{}
.notice dt{background: url(../images/icon/index_main_bg.png) no-repeat 6px 7px; padding-left: 33px; font-size: 16px; line-height: 30px;}
.notice dd{line-height: 24px;padding-right: 20px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice dd i{background: url(../images/arrow.png) no-repeat -11px -78px;display: block;width: 15px;height: 19px;position: absolute;right: 0;top: 2px;}
/*右侧广告*/
.adv{width: 210px;height: 180px;position: absolute;right: 0;bottom: 10px;}
.adv li{width: 210px;height: 180px;}
.adv li img{width: 210px;height: 180px;}
/*频道样式*/
.channel{margin-bottom: 20px;height: 585px;}
.channel .left{border:1px solid #e5e5e5;width: 235px;height: 584px;float: left;}
.channel .left .type{background-color: #df1078;}
.channel .left .type .icon{width: 80px; height: 60px; float: left; background: url(../images/icon/index_main_bg.png) no-repeat 21px -102px; color: #df1078; line-height: 50px; text-align: center; font-size: 22px;}
.channel .left .type .cn{color: #fff; font-size: 20px; line-height: 38px;}
.channel .left .type .en{color: #fff;opacity: 0.4; line-height: 12px;}
.channel .left .l_adv{width: 235px;height: 375px;}
.channel .left .l_adv img{width: 100%;height: 100%;}
.channel .left .hot{padding: 10px 20px 0 20px; line-height: 30px; overflow: hidden; height: 120px; margin-bottom: 20px;}
.channel .left .hot dt{color: #000; font-size: 14px;}
.channel .left .hot dd{display: inline-block; color: #b8b8b8; padding: 0 5px;}
.channel .left .hot dd a{color: #b8b8b8;}
.channel .right{float: right;width: 950px;}
.channel .right .hd{height: 43px; line-height: 35px; border-bottom: 3px solid #df1078;position: relative;}
.channel .right .hd .more{position: absolute;right: 0;top: 5px;}
.channel .right .hd .more a{color: #999;}
.channel .right .hd li{float: left; padding: 0 20px; font-size: 16px;position: relative;color: #666;cursor: pointer;}
.channel .right .hd li.on{color: #df1078;}
.channel .right .hd li.on i{display: inline-block;width: 9px;height: 9px;border-right: 3px solid #df1078;border-bottom: 3px solid #df1078;-webkit-transform: rotate(225deg)translateY(-3px);transform: rotate(225deg)translateY(-3px); margin-left: 4px;position: absolute;right: 50%;bottom: -13px;margin-right: -8px;background-color: #fff;-ms-transform: rotate(225deg)translateY(-3px);}
.channel .right .bd{margin-top: 15px;}
.channel .right .bd ul{width: 1004px;}

.channel .right .bd li{float: left;padding: 15px 15px 0px 15px;border: 1px solid #E4E4E4;box-shadow: 0px 0px 15px #EAEAEA inset;margin: 0 15px 13px 0;width: 226px;height: 256px;box-sizing: border-box;position: relative;z-index: 0;}
.channel .right .bd li::before {border-bottom: 1px solid #df1078; border-top: 1px solid #df1078; transform: scale(0, 1);-ms-transform: scale(0, 1);}
.channel .right .bd li::after {border-left: 1px solid #df1078; border-right: 1px solid #df1078; transform: scale(1, 0);-ms-transform: scale(1, 0);}
.channel .right .bd li::before, .channel .right .bd li::after {box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s; width: 100%; z-index: -1;}
.channel .right .bd li:hover::before, .channel .right .bd li:hover::after {opacity: 1; transform: scale(1,1);-ms-transform: scale(1,1);}

.channel .right .bd .r_adv{width: 467px;height: 256px;padding: 0;border: 0;box-shadow: none;}
.channel .right .bd .r_adv img{width: 100%;height: 100%;}
.channel .right .bd .r_adv::before {border-bottom: 1px solid #3e5f79; border-top: 1px solid #3e5f79; transform: scale(0, 1);-ms-transform: scale(0, 1);}
.channel .right .bd .r_adv::after {border-left: 1px solid #3e5f79; border-right: 1px solid #3e5f79; transform: scale(1, 0);-ms-transform: scale(1, 0);}
.channel .right .bd .r_adv::before, .channel .right .bd .r_adv::after {box-sizing: border-box; content: ""; height: 260px; left: -2px; position: absolute; top: -2px; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s;  width: 471px; z-index: -1;}
.channel .right .bd .r_adv:hover::before, .channel .right .bd .r_adv:hover::after {opacity: 1; transform: scale(1,1);-ms-transform: scale(1,1);}

.channel .right .bd li .img{width: 194px; height: 155px; overflow: hidden;}
.channel .right .bd li .img img{width: 100%; height: 100%;}
.channel .right .bd li .img img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;}
.channel .right .bd li:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
.channel .right .bd li .name{line-height: 22px;font-size: 14px;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel .right .bd li .brief{color: #b8b8b8; line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel .right .bd li .add{background: url(../images/icon/index_main_bg.png) no-repeat 0 -262px/48px;color: #b8b8b8; line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 15px;}
.channel .right .bd li .star{line-height: 20px;height: 20px;background: url(../images/icon/index_main_bg.png) no-repeat 0 -245px; width: 60px;}
.channel .right .bd li .star.s1{width: 14px;}
.channel .right .bd li .star.s2{width: 25px;}
.channel .right .bd li .star.s3{width: 37px;}
.channel .right .bd li .star.s4{width: 49px;}
.channel .right .bd li .star.s5{width: 60px;}
.channel .right .bd li .info{line-height: 25px;}
.channel .right .bd li .info .price{color: #ff8800;font-size: 12px;} 
.channel .right .bd li .info .price em{font-size: 16px;}
.channel .right .bd li .info .point{float: right; color: #b8b8b8;width: 110px;overflow: hidden;height: 25px;text-align: right;text-overflow: ellipsis;white-space: nowrap;}
/*其他样式*/
.other{margin-bottom: 20px;position: relative;}
.other .title{position: absolute; font-size: 18px; font-weight: bold; top: 15px; left: 20px;}
.other .hd{padding-left: 230px;position: relative;border-bottom: 2px solid #e5e5e5;margin-bottom: 20px;}
.other .hd .more{position: absolute;right: 0;top: 20px;}
.other .hd .more a{color: #999;}
.other .hd li{float: left; padding: 0 20px; font-size: 16px; position: relative; color: #666; cursor: pointer;}
.other .hd li a{line-height: 50px;height: 43px;display: block;position: relative;top: 2px;}
.other .hd li.on a{color: #df1078;border-bottom: 3px solid #df1078;}
.other .bd{width: 1200px;overflow: hidden;}
.other .bd ul{width: 978px;}
.other .bd ul.nofound{background-color: #fff;}
/*团购*/
.other .bd ul.tuan{background-color: #e1dfdf;}
.other .bd ul.tuan li{float: left;margin-right: 16px;}
.other .bd ul.tuan li .img{width: 310px;height: 225px;background-size: 100% 100%;position: relative;}
.other .bd ul.tuan li .img .ml{position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;background-color: rgba(0,0,0,0.5);color: #fff;}
.other .bd ul.tuan li .img .ml span{display: inline-block; height: 30px; width: 153px; line-height: 30px; text-align: center;}
.other .bd ul.tuan li .img .ml .mark{}
.other .bd ul.tuan li .img .ml .mark em{font-size: 16px; color: #df1078;}
.other .bd ul.tuan li .img .ml .buy{}
.other .bd ul.tuan li .img .ml .buy em{color: #ff8800; font-size: 16px;}
.other .bd ul.tuan li .img .ml .buy i{color: #ff8800;}
.other .bd ul.tuan li .name{line-height: 27px;font-size: 14px;height: 27px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;background-color: #fff;}
.other .bd ul.tuan li .add{background: #fff url(../images/icon/index_main_bg.png) no-repeat 9px -261px/48px;color: #b8b8b8;line-height: 25px;height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 15px 0 25px;}
.other .bd ul.tuan li .info{padding: 0 10px;background-color: #fff;}
.other .bd ul.tuan li .info .price{color: #ff8800;font-size: 12px;} 
.other .bd ul.tuan li .info .cost_price{color: #666;text-decoration: line-through;}
.other .bd ul.tuan li .info .price em{font-size: 16px;}
.other .bd ul.tuan li .info .point{float: right; color: #b8b8b8;width: 110px;overflow: hidden;height: 25px;text-align: right;text-overflow: ellipsis;white-space: nowrap;}
/*签证*/
.other .bd ul.visa{overflow: hidden;width: 1250px;}
.other .bd ul.visa li{display: inline-block;float: left;height: 68px;margin: 0 10px 10px 0;overflow: hidden;width: 393px;font-size: 14px;}
.other .bd ul.visa li a{background: none repeat scroll 0 0 #f5f5f5;display: block;height: 70px;line-height: 70px;padding: 0 15px 2px 0;}
.other .bd ul.visa li span{display: inline-block;float: left;padding-right: 7px;}
.other .bd ul.visa li span:nth-child(3){width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.other .bd ul.visa li span.price{color: #888;float: right;padding-right: 0;}
.other .bd ul.visa li span.price em{color: #f60;font-family: Arial;font-weight: bold;}
.other .bd ul.visa li img{width: 100px;height: 70px;}
/*导游*/
.other .bd ul.guides{padding-left: 15px;overflow: hidden;height: 302px;}
.other .bd ul.guides li{background: none repeat scroll 0 0 #f5f5f5;float: left;height: 94px;margin: 0 10px 10px 0;width: 309px;}
.other .bd ul.guides li dt{float: left;margin-right: 10px;width: 79px;}
.other .bd ul.guides li dt img{width: 79px; height: 93px;}
.other .bd ul.guides li dd{color: #666;float: left;height: 36px;line-height: 18px;margin-top: 5px;overflow: hidden;padding: 0 3px 0 0;text-align: justify;width: 216px;}
.other .bd ul.guides li dd.name{height: 28px;line-height: 28px;margin-top: 0;}
.other .bd ul.guides li dd.name span{float:right;width: 115px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.other .bd ul.guides li dd.name b{color: #333;font-weight: normal;}
.other .bd ul.guides li dd.name a{color: #2a98da;font-size: 12px;}
/*礼品 && 租车*/
.other .bd ul.gifts{overflow: hidden;width: 1250px;}
.other .bd ul.gifts li{background: none repeat scroll 0 0 #fff;display: inline-block;float: left;height: 156px;margin: 0 20px 20px 0;overflow: hidden;padding: 0;width: 222px;border:1px dotted #ccc;}
.other .bd ul.gifts li a{display: block;height: 156px;overflow: hidden;position: relative;width: 222px;}
.other .bd ul.gifts li img{height: 156px;vertical-align: top;width: 222px;}
.other .bd ul.gifts li div.bg{background:#000;opacity:0.7;}
.other .bd ul.gifts li a:hover div.bg{filter: alpha(opacity=95);opacity: 0.95;}
.other .bd ul.gifts li div{bottom: 0;color: #e5e5e5;font-size: 12px;height: 24px;left: 0;line-height: 24px;overflow: hidden;padding: 0 5px;position: absolute;text-align: center;width: 212px;}
.other .bd ul.gifts li span{background:#f60;color: #fff;display: inline-block;height: 21px;left: 0;line-height: 21px;overflow: hidden;padding: 0 5px;position: absolute;top: 0;}
.other .bd ul.gifts li span em{color: #fff !important;font-size: 12px;vertical-align: 0;}
/*机票模块*/
.flight.channel{height: 328px;}
.flight.channel .left {height: 326px;}
.flight.channel .left .l_adv{height: 126px;}
.flight.channel .right .bd li.sbox{width: 178px;height: 80px;background-color: #f5f5f5;padding: 10px 0 0 10px;z-index: 0;}
.flight.channel .right .bd li.sbox .s_name{font-size: 16px;line-height: 22px;height: 30px;}
.flight.channel .right .bd li.sbox .s_info{font-size: 14px;line-height: 30px;}
.flight.channel .right .bd li.sbox .s_info .s_price{color: #ff8800;padding-right: 5px;font-size: 18px;}
.flight.channel .right .bd li.sbox .s_info .s_off{background-color: #fffccf; padding: 3px; border: 1px solid #eaeaa0; font-size: 12px;}
.flight.channel .right .bd li.sbox .s_info .s_day{padding: 0 0 0 17px; font-size: 12px;}
/*游记模块*/
.travels{margin-bottom: 20px;position: relative;}
.travels .title{position: absolute; font-size: 18px; font-weight: bold; top: 15px; left: 20px;}
.travels .hd{padding-left: 230px;position: relative;border-bottom: 2px solid #e5e5e5;margin-bottom: 10px;}
.travels .hd .more{position: absolute;right: 0;top: 20px;}
.travels .hd .more a{color: #999;}
.travels .hd li{float: left; padding: 0 20px; font-size: 16px; position: relative; color: #666; cursor: pointer;}
.travels .hd li span{line-height: 50px;height: 43px;display: block;position: relative;top: 2px;}
.travels .hd li.on span{color: #df1078;border-bottom: 3px solid #df1078;}
.travels .bd{height: 450px;}
.travels .bd ul{width: 1300px;}
.travels .bd li{overflow:hidden;float: left;width: 286px;height: 205px;margin-right: 20px;margin-bottom: 20px;}
/* .travels .bd li:nth-child(1){width: 280px;height: 430px;} */
.travels .bd li .img{width: 100%;height: 100%;position: relative; background-position: 50% 50%;background-size: 100% 100%;}
.travels .bd li .info{color: #fff;position: absolute;bottom: 0;background-color: rgba(0,0,0,0.5);width: 100%;padding: 10px;box-sizing: border-box;height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.travels .bd li .info .name{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 25px;}
.travels .bd li .info .user{padding: 5px 0;}
.travels .bd li .info .user .fl img{width: 50px; height: 50px; border-radius: 100%;margin-left: 10px;}
.travels .bd li .info .user .fr{float: left;padding-left: 10px;font-size: 14px;line-height: 24px;}
.travels .bd li .info .user .fr .icon{background: url(../images/icon/index_main_bg.png) no-repeat 0px -343px/48px;display: inline-block;width: 20px;height: 20px;position: relative;top: 5px;}
.travels .bd li .info .user .fr .icon.i1{}
.travels .bd li .info .user .fr .icon.i2{margin-left: 20px; background-position: 0px -419px;}
.travels .bd li:hover .info{height: 106px;}
/*侧边悬浮工具条*/
.secondary {background: #333;height: 100%;min-height: 600px;position: fixed;right: 0;top: 0;width: 40px;z-index: 999;transition: all 0.2s ease-in-out 0s;}
.secondary .container {height: 100%;min-height: 600px;position: relative;}
.secondary ul {padding-top: 127px;}
.secondary ul.ext {bottom: 0;left: 0;padding-top: 0;padding-bottom: 10px;position: absolute;}
.secondary li {background: url(/sys/images/secondary.png) no-repeat 0 13px;cursor: pointer;height: 50px;line-height: 50px;padding-left: 40px;position: relative;transition: all 0.3s ease-in-out 0s;}
.secondary li.close {background-position: 0 -290px;}
.secondary li.mobile {background-position: 0 13px;}
.secondary li.member {background-position: 0 -30px;}
.secondary li.order {background-position: 0 -73px;}
.secondary li.favorite {background-position: 0 -116px;}
.secondary li.online {background-position: 0 -205px;}
.secondary li.feedback {background-position: 0 -160px;}
.secondary li.gotop {background-position: 0 -250px;margin-bottom: 0;}
.secondary li.close:hover {background-position: right -290px;}
.secondary li.mobile:hover {background-position: right 13px;}
.secondary li.member:hover {background-position: right -30px;}
.secondary li.order:hover {background-position: right -73px;}
.secondary li.favorite:hover {background-position: right -116px;}
.secondary li.online:hover {background-position: right -205px;}
.secondary li.feedback:hover {background-position: right -160px;}
.secondary li.gotop:hover {background-position: right -250px;}
.secondary li a,.secondary li .inner {display: block;bottom: 0;left: 0;position: absolute;right: 0;top: 0;}
.secondary li:hover {background-color: #E4393C;}
.secondary li span {background: #6C5143;color: #FFF;font-size: 14px;height: 50px;left: -40px;line-height: 50px;opacity: 0;padding: 0 15px;position: absolute;text-align: center;transition: all 0.3s ease-in-out 0s;visibility: hidden;border-left: 5px solid #E4393C;}
.secondary li span i {border-bottom: 5px solid transparent;border-left: 5px solid #6C5143;border-top: 5px solid transparent;height: 0;margin-top: -5px;position: absolute;right: -5px;top: 24px;width: 0;}
.secondary li:hover span {left: -91px;opacity: 1;visibility: visible;}
.secondary li.mobile span {background: url(/sys/images/noPic.gif) no-repeat 20px 20px #6C5143;left: -240px;padding: 160px 20px 0;background-size: 145px 140px;}
.secondary li.mobile:hover span {left: -185px;}
.secondary li.online span {bottom: 0;cursor: auto;height: auto;left: -240px;line-height: 20px;padding: 0;text-align: left;}
.secondary li.online span i {bottom: 20px;top: auto;}
.secondary li.online:hover span {left: -195px;}
.secondary li.online .content {font-size: 12px;min-height: 100px;text-align: left;width: 190px;}
.secondary li.online h3 {background: #463329;color: #FFF;font-weight: 700;height: 50px;line-height: 50px;padding: 0 12px;}
.secondary li.online dl {padding: 0 12px;}
.secondary li.online dd {height: 39px;line-height: 39px;border-top: 1px solid #584033;overflow: hidden;padding: 5px 0;}
.secondary li.online dd:first-child {border-top: 0;}
.secondary li.online dd a {background: url(/sys/images/chart.png) no-repeat 0 50%;float: right;position: relative;width: 76px;}
.sideBarClose {position: fixed;right: -110px;bottom: 10px;z-index: 999;transition: all 0.5s ease-in-out 0s;}
.sideBarClose span {background: url(/sys/images/siderbar.png) no-repeat 5px 5px #E4393C;border-radius: 30px 0 0 30px;color: #FFF;cursor: pointer;display: block;height: 30px;line-height: 30px;padding: 10px 10px 10px 50px;width: 50px;text-align: center;}

/*页脚*/